page {
  --sar-swiper-dot-bottom: 10px;
  --sar-swiper-dot-gap: 6px;
  --sar-swiper-dot-size: 6px;
  --sar-swiper-dot-font-size: var(--sar-text-sm);
  --sar-swiper-dot-color: var(--sar-white);
  --sar-swiper-dot-bg: rgba(0, 0, 0, 0.3);
  --sar-swiper-dot-active-bg: rgba(0, 0, 0, 0.7);

  --sar-swiper-dot-bar-active-size: 18px;
  --sar-swiper-dot-bar-duration: var(--sar-duration);

  --sar-swiper-dot-index-size: 16px;

  --sar-swiper-dot-title-padding: 8px;
  --sar-swiper-dot-title-font-size: var(--sar-text-sm);
  --sar-swiper-dot-title-color: var(--sar-white);
  --sar-swiper-dot-title-bg: rgba(0, 0, 0, 0.3);

  --sar-swiper-dot-fraction-right: 10px;
  --sar-swiper-dot-fraction-bottom: 10px;
  --sar-swiper-dot-fraction-padding: 2px 8px;
  --sar-swiper-dot-fraction-font-size: var(--sar-text-sm);
  --sar-swiper-dot-fraction-color: var(--sar-white);
  --sar-swiper-dot-fraction-bg: rgba(0, 0, 0, 0.3);
}